<template>
	<div>
		
		<div class="box">
			
			<van-image
			class="face"
			  round
			  width="70px"
			  height="70px"
			  fit="cover"
			  src="https://img01.yzcdn.cn/vant/cat.jpeg"
			/>
			
			<div class="face">
				<van-button @click="gologin" round type="info" size="small" color="#F7AA07">登录 / 注册</van-button>
			</div>
			
		</div>
			
		<Tabbar></Tabbar>
	</div>
</template>

<script>
	
	import Tabbar from '@/components/common/Tabbar'
	
	export default {
		name:'My',
		components:{Tabbar},
		data() {
			return {
				
			}
		},
		methods:{
			gologin() {
				this.$router.push({name:'login'})
			}
		}
	}
	
</script>

<style scoped>
	.box {
		width: 100%;
		height: 11rem;
		background-color: #B64F4A;
		position: relative;
	}
	.face {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
</style>
